<template>
  <van-dialog v-model:show="visible" title=""  confirm-button-text="联系客服" theme='round-button' :show-cancel-button="true" :close-on-click-overlay="true" @confirm="onContact">
    <div class="contact-tip">
      {{message ? `${message}` : '修改失败，如有疑问，请联系客服。'}}
    </div>
  </van-dialog>
</template>

<script>
import { ref } from 'vue'
import { onContact } from "@/utils";
export default {
  setup() {
    const visible = ref(false)
    const message = ref('')
    const show = (data) => {
      visible.value = true
      message.value = data
    }
    return {
      visible,
      message,
      show,
      onContact
    }
  }
}
</script>

<style lang="less" scoped>
.contact-tip {
  padding: 30px 14px;
  text-align: center;
  .contact-custom-servies {
    color: #3ad81b;
  }
}
</style>